Structura de baza a documentului HTML

Internetul poate fi privit si ca o mare colectie de pagini web. Exista tehnici, medii si limbaje dedicate relizarii paginilor web.

Cand se realizeaza o pagina web (sau un site) trebuie avut in vedere urmatoarele:

1.      Sabilirea scopului:

a.       Ce vrem sa prezentam (tema, idee, conceptul etc)?

b.      Care este grupul tinta (cui se adreseaza)?

2.      Stabilirea resurselor utilizatorului

a.       Calculatoarele utilizate, conexiunea internet, server web

b.      Browserul utilizat

3.      Stabilirea resurselor web-designerului

a.       Sistemul de calcul

b.      Serverul web gazda

c.       limbajele si editoarele utilizate

d.      echipa care realizeaza site-ul: grafician, administrator, design-er

4.      Analiza continutului

a.       Depinde de grupul tinta

b.      Se organizeaza in grupuri cat mai mici de informatii astfel incat sa fie usor de prezentat si interpretat

c.       Selectarea textului, imaginilor, secventele audio sau video

d.      Intocmirea unui calendar pentru actualizarea informatiilor

5.      Proiectarea interfetei:

a.       sa fie interactiva, orientata catre utilizatori

b.      sa contina elemente de navigare care sa faciliteze utilizatorului deplasarea in orice zona a site-ului

c.       sa contina elemete de divizare care sa evidentieze sectiunile mai importante

d.      sa contina imagini sugestive dar sa nu supraincarce site-ul

De obicei un ecran de prezentare va contine:

-antet, titlul, butoane de navigare, banner (banderola de identificare)
-corpul paginii: zone de text, imagini, legaturi spre alte pagini (link)
-subsol: data actualizarii, persoana de contact, copyright

6.       Testarea

a.       Vizualizarea continutului

b.      Verificarea legaturilor

c.       Incarcarea imaginilor (se verifica daca s-au stabilit referintele corecte la imagini)

7.      Recomandari

a.       Folosirea caracterelor mici in loc de majuscule

b.      Organizarea textului in fraze scurte, usor de citit

c.       Se vor folosi cel mult trei tipuri de font, stil, culoare

d.      Culoarea textului va fi in contrast cu cea a fundalului (fundalul deschis si textul inchis)

e.       Se evidentiaze frazele si cuvintele cheie (prin culoare, elemente de divizare etc)

f.        La alegerea imaginilor se va tine seama de timpul de asteptare necesar incarcarii imaginii

O pagina web (sau site) se poate realiza fie utilizand cod HTML sau/ si editoare de pagini web (Netscape Composer, Front Page, se poate utiliza chiar si Microsoft  Word-ul sau Power Point).
 
HTML - Hyper Text Mark-up Language-limbaj de marcare a hypertextului.

HTML permite utilizatorilor să producă, pagini care includ texte, grafică şi indicatori la alte pagini de Web.

    In HTML nu se vorbeste de programare, ci de marcarea unui text obisnuit si de organizare a acestuia.
   Marcarea unui text

        Elementul de baza al unei pagini html este textul ASCII.

text obisnuit (editor de text + salvare ca fisier text cu extensii htm, html).Marcarea textului obisnuit pentru interpretarea de catre un browser inseamna adaugarea unor anumite comenzi numite etichete (tag) in respectivul document pentrua semnala modul de afisare si comportare a documentului in browser.Exemple de etichete se refera la evidentierea textului in pagina (alegerea tipului de font), ingrosarea, sublinierea sau initializarea caracteristicilor de desenare,culoare, etc. -In cazul in care informatiiledintr-un document nu pot fi afisate integral intr-un singur ecran, browser-ul adauga implicit caracteristica de scroll (deplasare) la pagina.

   

 Parcurgeti urmatoarele etape de crearea unui prim document HTML, in care vom folosi doar cateva etichete (tags) de baza:

  1. lansati un editor simplu (spre exemplu, NotePad)
  2. editati urmatoarea succesiune de caractere:


    <HTML>
        <HEAD>
            <TITLE>Document title</TITLE>
       </HEAD>
         <BODY>
                    Hello, world  !!!!!
       </BODY>
     </HTML>

Click pentru a vedea rezultatul!

 

ELEMENTE DE BAZĂ

 

 

Tip document

<HTML></HTML>

(început si sfârsit fisier)

 

Titlu

<TITLE></TITLE>

(trebuie să fie în header)

 

Header

<HEAD></HEAD>

(informatii descriptive, cum ar fi titlul)

 

Corp

<BODY></BODY>

(corp pagină)

 

  1. inlocuiti Document title cu un titlu personalizat.
  2. inserati intre etichetele <BODY>si </BODY> un text propriu.
  3. salvati fisierul astfel completat cu extensia .html (spre exemplu, ex1.htmlin directorul vostru de lucru).
  4. vizualizati pagina HTML astfel creata in browser-ul Netscape Navigator sau Internet Explorer.
  5. identificati etichetele vizualizand fisierul folosind optiunea View Source sau in editorul NotePad.